<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[346,60,228] published at 2014-07-08 14:49:26 from #153 by 6022-->
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Qing组件</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

<!-- qing组件需要的样式文件 -->
<link href="qing1_data/articleM.css" type="text/css" rel="stylesheet">
<link href="ORACLE%C2%A0PROC%E5%BC%80%E5%8F%91%281%29_%E4%B8%80%E7%9B%B4%E8%B5%B0_%E6%96%B0%E6%B5%AA%E5%8D%9A%E5%AE%A2_files/common.css" type="text/css" rel="stylesheet">
<link href="ORACLE%C2%A0PROC%E5%BC%80%E5%8F%91%281%29_%E4%B8%80%E7%9B%B4%E8%B5%B0_%E6%96%B0%E6%B5%AA%E5%8D%9A%E5%AE%A2_files/blog.css" type="text/css" rel="stylesheet">
<link href="ORACLE%C2%A0PROC%E5%BC%80%E5%8F%91%281%29_%E4%B8%80%E7%9B%B4%E8%B5%B0_%E6%96%B0%E6%B5%AA%E5%8D%9A%E5%AE%A2_files/blog_002.css" type="text/css" rel="stylesheet">

<iframe scrolling="no" style="height: 0px; width: 1px; overflow: hidden;" id="ckctlFrame" src="ORACLE%C2%A0PROC%E5%BC%80%E5%8F%91%281%29_%E4%B8%80%E7%9B%B4%E8%B5%B0_%E6%96%B0%E6%B5%AA%E5%8D%9A%E5%AE%A2_files/ckctl.htm"></iframe></head>
<body>

<!-- qing组件 start -->
<div class="SG_conn">
    <div class="SG_connBody">
        <div class="atcTitLists relaList">
            <div class="wondPicSlide">
            	<div style="opacity: 1;" id="qingRecWindow" class="pic"><a suda-uatrack="key=blog_qing_g&amp;value=h_SLOT_51_94_N" href="http://sina.allyes.com/main/adfclick?db=sina&amp;bid=204720,647222,652489&amp;cid=0,0,0&amp;sid=656807&amp;advid=358&amp;camid=37389&amp;show=ignore&amp;url=http://blog.sina.com.cn/s/blog_a58054480102uyee.html?tj=2" target="_blank"><img src="qing1_data/0814renyao.jpg"><span>曝最美人妖与巨星亲密合影</span></a></div>
            	<ul id="qingRecPic" class="SG_j_linedot1">
            		<li noo="0" id="SLOT_49_qing" class=""><a suda-uatrack="key=blog_qing_g&amp;value=h_SLOT_49_94_N" target="_blank" href="http://sina.allyes.com/main/adfclick?db=sina&amp;bid=204720,647215,652482&amp;cid=0,0,0&amp;sid=656800&amp;advid=358&amp;camid=37389&amp;show=ignore&amp;url=http://blog.sina.com.cn/s/blog_c318c3970102uyii.html?tj=2"><img titlelink="http://sina.allyes.com/main/adfclick?db=sina&amp;bid=204720,647215,652482&amp;cid=0,0,0&amp;sid=656800&amp;advid=358&amp;camid=37389&amp;show=ignore&amp;url=http://blog.sina.com.cn/s/blog_c318c3970102uyii.html?tj=2" destxt="" title="萧淑慎半裸写真火辣销魂" src="qing1_data/0814xiaoshushen.jpg"></a></li>
            		<li noo="1" id="SLOT_50_qing" class=""><a suda-uatrack="key=blog_qing_g&amp;value=h_SLOT_50_94_N" target="_blank" href="http://sina.allyes.com/main/adfclick?db=sina&amp;bid=204720,647221,652488&amp;cid=0,0,0&amp;sid=656804&amp;advid=358&amp;camid=37389&amp;show=ignore&amp;url=http://blog.sina.com.cn/s/blog_545646500102uyye.html?tj=2"><img titlelink="http://sina.allyes.com/main/adfclick?db=sina&amp;bid=204720,647221,652488&amp;cid=0,0,0&amp;sid=656804&amp;advid=358&amp;camid=37389&amp;show=ignore&amp;url=http://blog.sina.com.cn/s/blog_545646500102uyye.html?tj=2" destxt="" title="邢捕头范明女儿神似王珞丹" src="qing1_data/0814wangluodan.jpg"></a></li>
            		<li class="current mgr" id="SLOT_51_qing" noo="2"><a suda-uatrack="key=blog_qing_g&amp;value=h_SLOT_51_94_N" target="_blank" href="http://sina.allyes.com/main/adfclick?db=sina&amp;bid=204720,647222,652489&amp;cid=0,0,0&amp;sid=656807&amp;advid=358&amp;camid=37389&amp;show=ignore&amp;url=http://blog.sina.com.cn/s/blog_a58054480102uyee.html?tj=2"><img titlelink="http://sina.allyes.com/main/adfclick?db=sina&amp;bid=204720,647222,652489&amp;cid=0,0,0&amp;sid=656807&amp;advid=358&amp;camid=37389&amp;show=ignore&amp;url=http://blog.sina.com.cn/s/blog_a58054480102uyee.html?tj=2" destxt="" title="曝最美人妖与巨星亲密合影" src="qing1_data/0814renyao.jpg"></a></li>
            	</ul>
            </div>
            <!-- 外地iframe，下面的html是用于iframe中的 -->
            <div class="natcTit_more"><span class="SG_more"><a target="_blank" href="http://blog.sina.com.cn/" onclick="v7sendLog('q2b_01_10');return true;">查看更多</a>&gt;&gt;</span></div>

        </div>
    </div>
</div>

<script type="text/javascript">
/**
 * @fileoverview qing组件北京
 * @authors yifei2 <yifei2@staff.sina.com.cn>
 */

;(function() {
    /*** DomEx ***/
	if (typeof DomEx === "undefined") {
        DomEx = {};
    }
    DomEx.parent = function (node, nodeName) {
        // 文档节点没有tagName, 因此不能使用tagName
        nodeName = nodeName.toLowerCase();
        while(node){
            if(node.nodeName.toLowerCase() === nodeName){
                return node;
            }
            node = node.parentNode;
        }
        return null;
    };
    DomEx.addClass = function(node, classname) {
        var cn = node.className;
        if( (' '+cn+' ').indexOf(' '+classname+' ')===-1 ){
            node.className = classname+' '+cn;
        }
    };
    DomEx.removeClass = function(node, classname) {
        var cn = (' '+node.className+' ').replace(' '+classname+' ', ' ');
        node.className = cn.replace(/^\s+/, '').replace(/\s+$/, '');
    };
    DomEx.opacity = function(elm, value) {
        elm = typeof elm=="string"?$ID(elm):elm;
        elm.style.filter = 'alpha(opacity=' + value + ')';
        elm.style.opacity = value/100;
    };
    if( document.documentElement.contains ){
        DomEx.contains = function( a, b ) {
            return a.contains ? a.contains(b) : true;
        };
    }else if( document.documentElement.compareDocumentPosition ){
        DomEx.contains = function( a, b ) {
            return a===b || !!(a.compareDocumentPosition(b) & 16);
        };
    }else{
        DomEx.contains = function(a, b) {
            while(b){
                if(a===b){return true}
                b=b.parentNode;
            }
            return false;
        };
    }
    DomEx.enterLeave = function(wrapEle, fnOver, fnOut, delaytime){
        var _lastover = null, //上次鼠标移入的li
            _overtimer = 0,
            _outtimer = 0;

        fnOver = fnOver||function(){};
        fnOut = fnOut||function(){};
        delaytime = delaytime||0;

        //鼠标移入
        addEvent(wrapEle, function(event){
            clearTimeout(_outtimer);

            var e = event || window.event, ele = e.target||e.srcElement;
            _overtimer = setTimeout(function(){
                if( _lastover && DomEx.contains(_lastover, ele) )return;
                var t = DomEx.parent(ele, "li");
                if( t ){
                    if(_lastover){ //这是必要的
                        fnOut(_lastover);
                    }
                    fnOver(t);
                    _lastover = t;
                }else if(_lastover){
                    fnOut(_lastover);
                    _lastover = null;
                }
            }, delaytime);
        }, "mouseover");
        //鼠标移出
        addEvent(wrapEle, function(){
            clearTimeout(_overtimer);

            _outtimer = setTimeout(function(){
                if(_lastover){
                    fnOut(_lastover);
                    _lastover = null;
                }
            }, delaytime);
        }, "mouseout");
    };
    /*** DomEx ***/

    function addEvent(elm, func, evType, useCapture) {
        var _el = typeof elm == 'string' ?$E(elm) : elm;
        if(_el == null) {
            console.log("addEvent 找不到对象：" + elm);
            return;
        }
        if (typeof useCapture == 'undefined') {
            useCapture = false;
        }
        if (typeof evType == 'undefined') {
            evType = 'click';
        }
        if (_el.addEventListener) {
            //添加鼠标滚动事件支持
            if(evType == 'mousewheel' && $FF) {
                evType = 'DOMMouseScroll';
            }
            _el.addEventListener(evType, func, useCapture);
            return true;
        } else if (_el.attachEvent) {
            var r = _el.attachEvent('on' + evType, func);
            return true;
        } else {
            _el['on' + evType] = func;
        }
    }

    var $IE = 0;
    var _ua = navigator.userAgent.toLowerCase();
    if(_ua.match(/msie/)) {
        $IE = true;
    }
    //qing小图ul元素
    var $qingRecPic = $ID('qingRecPic');

    function $ID(id) {
    	var node = typeof id == "string"? document.getElementById(id): id;
		if (node != null) {
			return node;
		}
		return null;
    }
    function $tagName(obj, tagName) {
    	return obj.getElementsByTagName(tagName);
    }

    var el_recwin = $ID("qingRecWindow");
    if(!el_recwin){
        return;
    }

    var fxtimer = 0, looptimer = 0,
        imgs = $tagName($qingRecPic, "img"),
        len = imgs.length,
        showing = 0, //当前正在显示第i个
        popc = $IE ? 5:2,
        opc = 0;

    var _opacity = DomEx.opacity;

    var initInterval = setInterval(function() {
        imgs = $tagName($qingRecPic, "img");
        len = imgs.length;
        if(len) {
            clearInterval(initInterval);
            initInterval = null;
            initJob();
        }
    }, 500);

    // setTimeout(function() {
    //     imgs = $tagName($qingRecPic, "img");
    //     len = imgs.length;
    //     initJob();
    // }, 3000);

    DomEx.enterLeave($qingRecPic, function(li){
        var j = li.getAttribute("noo");
        showNoo(j);
    }, function(li){
        //var j = li.getAttribute("noo");
        //j!=showing && SinaEx.removeClass("current");
    }, 100);
    function initJob(){
        for(var i=0, li; i<len; i++){
            li = DomEx.parent(imgs[i], 'li');
            li && li.setAttribute("noo", i);
        }
        showNoo(0);
        el_recwin.style.background = '';
        // loopShow();
        // setTimeout(function(){
        //     el_recwin.style.background = '';
        //     loopShow();
        // }, 5000);
    }
    function loopShow(){
        var j = showing+1;
        j>=len && (j=0);
        showNoo(j);
    }
    function showNoo(j){
        j = parseInt(j);
        // if(showing===j){return}
        clearTimeout(fxtimer);
        clearTimeout(looptimer);
        DomEx.removeClass(DomEx.parent(imgs[showing],'li'), "current");
        DomEx.addClass(DomEx.parent(imgs[j],'li'), "current");
        _opacity(el_recwin, 0);

        var img = imgs[j];
	//大图布码
el_recwin.innerHTML = '<a suda-uatrack="'+ img.parentNode.getAttribute('suda-uatrack') +'" href="'+img.parentNode.href
            +'" target="_blank"><img src="'+img.getAttribute('src')
            +'" /><span>'+(img.getAttribute('title')||'')+'</span></a>';

        opc = 30;
        qingFadeIn();
        showing = j;
        looptimer = setTimeout(loopShow, 5000);
    }
    function qingFadeIn(){
        _opacity(el_recwin, opc);
        opc += popc;
        if(opc<100){
            fxtimer = setTimeout(qingFadeIn, 15);
        }else{_opacity(el_recwin, 100)}
    }

})();

</script>

<script type="text/javascript" charset="utf-8" src="qing1_data/suda_s_v851c.js"></script>
<script type="text/javascript" src="qing1_data/blog680-min.js"></script>
<script type="text/javascript">
        var slotArr = ['SLOT_49_qing', 'SLOT_50_qing','SLOT_51_qing','SLOT_74_qing', 'SLOT_75_qing', 'SLOT_76_qing', 'SLOT_77_qing', 'SLOT_78_qing', 'SLOT_79_qing']; //广告位id
        var sourceArr = ['SLOT_49','SLOT_50','SLOT_51', 'SLOT_74', 'SLOT_75', 'SLOT_76', 'SLOT_77', 'SLOT_78', 'SLOT_79'];  //广告资源id
        // var slotArr = ['SLOT_49_qing']; //广告位id
        // var sourceArr = ['SLOT_49'];  //广告资源id
        SinaBlog680.staticBox(slotArr, sourceArr);
</script>


</body></html>